<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
</head>
<body>
    <div></div>
    <script>
        //1、arguments不被支持
        //arguments对象是所有（非箭头）函数中都可用的局部变量。
        //此对象包含传递给函数的每个参数（实参），第一个参数在索引0处
        // let fn1 = ()=>{
        //     console.log(arguments)//Uncaught ReferenceError: arguments is not defined
        // }
        // //fn1(1,2,3,4)

        // function fn2(){
        //     console.log(arguments)
        // }
        // fn2(1,2,3,4)

        //2、this指向是固定的，始终指向函数定义时所在作用域下的this的值
        var name = "小明";//在window设置了一个name属性
        function getName(){
            console.log(this.name);
        }
        let getName2 = () =>{
            console.log(this.name);
        }

        const girl = {
            name:"小红"
        }
        //直接调用
        // getName();
        // getName2();

        //call修改this的指向
        getName2.call(girl);//小明
        getName.call(girl);//小红
    </script>
</body>
</html>